<template>
	<div>
		<header-nav></header-nav>
		<div class="container">
			<div v-if="$route.meta.alive">
				<keep-alive>
					<router-view />
				</keep-alive>
			</div>
			<div v-else>
				<router-view />
			</div>
		</div>
		<footer-nav></footer-nav>
	</div>
</template>

<script>
	// import MyHeader from "@/components/MyHeader.vue"
	import FooterNav from "@/components/FooterNav.vue"
	import HeaderNav from "@/components/HeaderNav.vue"
	export default {
		components: { //组件 注册 局部
			FooterNav,
			HeaderNav
		}
	}
</script>

<style>
	.container {
		padding-top: 46px;
		padding-bottom: 50px;
		background-color: #FFFFFF;
	}
</style>
